<!-- 死页面-复制日志 -->
<template>
  <el-table :data="data.tableData" row-key="id" table-layout="auto" style="width: 100%">
    <el-table-column prop="a" label="来源栏目" width="" />
    <el-table-column prop="b" label="克隆后名称" width="" />
    <el-table-column prop="c" label="复制设置" width="" />
    <el-table-column prop="d" label="克隆时间" width="" />
    <el-table-column prop="e" label="执行人" width="" />
  </el-table>
  <el-pagination v-model:current-page="pageNum" v-model:page-size="pageSize" :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="getList" @current-change="getList" style="margin-top: 20px;display:flex;justify-content: flex-end;" />

</template>
      
<script setup lang="ts">
import { ref, reactive, onMounted, nextTick } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus/es'
import { getTime } from '@/utils/myMethod' //工具类

const pageNum = ref(1) //第几页
const pageSize = ref(10) //每页多少条
const total = ref(0) //总条数
const data = reactive({
	tableData: [
    {a: '公司产品', b: '公司产品01', c: '编号', d: getTime(new Date(), 'YMD'), e: '管理员'},
    {a: '平台产品', b: '平台产品01', c: '编号', d: getTime(new Date(), 'YMD'), e: '管理员'},
    {a: '开源产品', b: '开源产品01', c: '编号', d: getTime(new Date(), 'YMD'), e: '管理员'},
    {a: '行业产品', b: '行业产品01', c: '编号', d: getTime(new Date(), 'YMD'), e: '管理员'},
    ]
})

onMounted(() => {
	getList()
})

const getList = () => {}
</script>
      
<style lang="scss" scoped>
//搭配el-table里的table-layout="auto"属性，再让每一列里的width为空即可展现出适应表格内容的列宽
:deep(.el-table .cell) {
	width: max-content;
	display: inline-block;
}
</style>
      